<div class="tree">
  <ul class="tree-list">
    <li class="tree-item">
      <div class="tree-block">
        <div class="country-block">国家/地区</div>
        <div class="event-block">事件</div>
        <div class="start-block">重要性</div>
      </div>
    </li>
    <li *ngFor="let item of eventList" class="tree-item"  [datetime]="item.Time">
      <div class="tree-block">
        <div class="country-block"><img class="country-img" [src]="'assets/image/'+country.IconUrl"/>{{country?.Name}}</div>
        <div class="event-block">{{item.Description}}</div>
        <div class="start-block start-block-c">
          <li class="glyphicon glyphicon-star" [ngClass]="{'glyphicon-star': item.Impact > 0, 'glyphicon-star-empty': item.Impact == 0}"></li>
          <li class="glyphicon glyphicon-star" [ngClass]="{'glyphicon-star': item.Impact > 1, 'glyphicon-star-empty': item.Impact < 2}"></li>
          <li class="glyphicon glyphicon-star-empty" [ngClass]="{'glyphicon-star': item.Impact > 2, 'glyphicon-star-empty': item.Impact < 3}"></li>
        </div>
      </div>
    </li>
  </ul>
</div>